<!DOCTYPE html>
<html>
   <head>
      <title>报工单</title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0 Access-Control-Allow-Origin">
      <!-- 引入 Bootstrap -->
      <!--<link href="<?=base_url('html/bootstrap_v3/css/bootstrap.css')?>" rel="stylesheet">-->
      <link href="<?=  base_url('/html/bootstrap_v3/css/bootstrap.css')?>" rel="stylesheet">
      <link href="<?=base_url('html/bootstrap_v3/datepicker/css/bootstrap-datetimepicker.min.css')?>" rel="stylesheet">
      <link href="<?=base_url('html/bootstrap_v3/css/bootstrap-select.min.css')?>" rel="stylesheet">
      <script src="<?=base_url('html/js/jquery-1.8.3.min.js')?>"></script>
      <script src="<?=base_url('html/bootstrap_v3/js/bootstrap.min.js')?>"></script>
      <script src="<?=base_url('html/bootstrap_v3/js/bootstrap-select.min.js')?>"></script>
      <script src="<?=base_url('html/bootstrap_v3/datepicker/js/bootstrap-datetimepicker.js')?>"></script>
      <script src="<?=base_url('html/bootstrap_v3/datepicker/js/locales/bootstrap-datetimepicker.zh-CN.js')?>"></script>
      
      <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
      <script type="text/javascript">
          $(document).ready(function(){
                $(".comp").selectpicker({
                })
                $(".search").show();
                $(".assetInfo").hide();
                $("#search").click(function(){
                    var assetcode = $("#assetcode").val();
                    var comp = $("#comp").val();
                    var msg = "";
                    msg += IsNullField(assetcode,"资产编码");
                    msg += IsNullField(comp,"公司代码");
                    if(msg.length == 0){
                        $.ajax({
                            type:'post',
                            url:"<?=  base_url('AssetManage/getAssetJson')?>",
                            dataType:'json',
                            async:false,
                            data:{
                                ANLN1_LOW:assetcode,
                                ANLN1_HIGH:'',
                                ANLKL_LOW:'',
                                ANLKL_HIGH:'',
                                KOSTL_LOW:'',
                                KOSTL_HIGH:'',
                                ERDAT_LOW:'',
                                ERDAT_HIGH:'',
                                BUKRS:comp,
                                api:"ZRFC_FI_READ_AS03_API"
                            },
                            success:function(data){
                                if(data.iserror == 0){
                                    $(".search").hide();
                                    $(".assetInfo").show();
                                    $("input[name=ANLN1]").val(data.data[0]['ANLN1']);
                                    $("input[name=TXT50]").val(data.data[0]['TXT50']);
                                    $("input[name=TXA50]").val(data.data[0]['TXA50']);
                                    $("input[name=ANLKL]").val(data.data[0]['ANLKL']);
                                    $("input[name=TXK20]").val(data.data[0]['TXK20']);
                                    $("input[name=BUKRS]").val(data.data[0]['BUKRS']);
                                    $("input[name=KOSTL]").val(data.data[0]['KOSTL']);
                                    $("input[name=KTEXT]").val(data.data[0]['KTEXT']);
                                    $("input[name=ZUGDT]").val(data.data[0]['ZUGDT']);
                                    console.log(data);
                                    if(data.datatype == "SAP"){
                                        $.ajax({
                                            type:'post',
                                            url:"<?=  base_url('AssetManage/saveAsset')?>",
                                            dataType:'json',
                                            async:false,
                                            data:data.data[0]
                                        }); 
                                    }
                                    
                                }else{
                                    alert(data.msg);
                                }
                            }
                        })
                    }else{
                        alert(msg);
                    }
                    
                })
                
                $("#submit").click(function(){
                    var $input_arr = $(".assetInfo :input[type='text']");
                    var params = $input_arr.serialize();
                    params = decodeURIComponent(params,true); //关键点 处理中文乱码问题
                    $.ajax({
                        type: "GET",
                        url: "<?=  base_url('AssetManage/addAsset')?>",
                        anyns: false,
                        success:function(data){
                            $("#submit").hide();
                        }
                    });
                })
                
                function IsNullField(str,msg){
                    if(str.length == 0){
                        return "请输入" + msg + "！\n";
                    }else{
                        return "";
                    }
                }
            })
      </script> 
      <script>
          /*
           * 注意：
           * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
           * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
           * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
           *
           * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
           * 邮箱地址：weixin-open@qq.com
           * 邮件主题：【微信JS-SDK反馈】具体问题
           * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
           */
          wx.config({
            debug: false,
            appId: '<?=$appId;?>',
            timestamp: <?=$timestamp;?>,
            nonceStr: '<?=$nonceStr;?>',
            signature: '<?=$signature;?>',
            jsApiList: [
              // 所有要调用的 API 都要加到这个列表中
              'scanQRCode',
              'chooseImage',
              'previewImage',
              'uploadImage',
              'downloadImage',
              'translateVoice'
            ]
          });
          wx.ready(function () {
            // 在这里调用 API
            document.querySelector('.assetcode').onclick = function () {
                wx.scanQRCode({
                  needResult: 1,
                  desc: 'scanQRCode desc',
                  success: function (res) {
                    var result = res.resultStr;
                    /*
                    $.ajax({
                       type:"GET",
                       url:"<?=base_url()?>/baogong/getSoapBarCodeType?value="+result,
                       dataType:"json",
                       success:function(data){
                           if(data.type === "LZK"){
                               $("#finish_cardno").val(data.msg1);
                               
                           }else if(data.type === "Emp"){
                               $("#finish_UserNo").val("E"+data.msg1);
                               $("#finish_UserName").val(data.msg2);
                               
                           }else{
                               alert("系统中不存在该流转卡号，请您确认您输入的流转卡信息是否有误！");
                           }
                       },
                        error: function(XMLHttpRequest, textStatus, errorThrown) {
                                    //alert(XMLHttpRequest.status);
                                    //alert(XMLHttpRequest.readyState);
                                    //alert(textStatus);
                                    alert("您更新的信息有误，请重新确认或联系管理员！");
                        }
                   });
        */
                    $("#assetcode").val(result);
                    //window.location.href = "<?=  base_url("baogongFinish/showMsg?cardno=")?>"+result+"&type=finish&username="+username+"&userid="+userid;
                  }
                });
            };
            
          });
        </script>
<style type="text/css">
    .form-group{margin-top: 15px;padding-top: 30px}
</style> 
      
      <!-- HTML5 Shim 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
      <!-- 注意： 如果通过 file://  引入 Respond.js 文件，则该文件无法起效果 -->
      <!--[if lt IE 9]>
         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
         <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
      <![endif]-->
   </head>
   <body>
        
        <!--扫码查询界面-->
        <div class="container">
            <div style="margin-top: 50px;"></div>
            <div class="search">
                <div class="form-group">
                         <lable class="col-xs-3 span3 control-label">
                             资产编码:
                         </lable>
                         <div class="input-group col-xs-9 span9">
                             <input type="text" class="form-control" rows="2" id="assetcode" placeholder="请输入资产编码或扫码">
                             <span class="input-group-addon">
                                <span class="glyphicon glyphicon-qrcode assetcode"> </span>
                            </span>
                         </div>
                </div>
                <div class="form-group">
                       <lable class="col-xs-3 span3 control-label">
                           公司代码:
                       </lable>
                       <div class="input-group col-xs-9 span9">
                           <!--<input type="text" class="form-control" rows="2" id="comp" placeholder="请输入公司代码">-->
                           <!--
                           <select class="comp" id="comp" data-style="btn-primary"title="请选择公司代码">
                               <option data-content="<span class='label label-success'>3100</span>">3100</option>
                               <option data-content="<span class='label label-info'>3200</span>">3200</option>
                               <option data-content="<span class='label label-warning'>3300</span>">3300</option>
                           </select>
                           -->
                           <select class="comp" id="comp" data-style="btn-primary" data-width="100%" title="请选择公司代码">
                               <option data-hidden="true" value="" disable>请选择公司代码</option>
                               <option>3100</option>
                               <option>3200</option>
                               <option>3300</option>
                           </select>
                       </div>
                </div>
                <div class="form-group"></div>
                <button id="search" type="button" class="btn btn-primary btn-block btn-lg">
                   查询
                </button>
            </div>
        <!--扫码查询界面-->
        
        <!--显示界面-->
            <div class="assetInfo">
                <div class="form-group">
                    <lable class="col-xs-3 span3 control-label">
                        资产编码:
                    </lable>
                    <div class="input-group col-xs-9 span9">
                        <input type="text" class="form-control" name="ANLN1" value="" readonly>
                    </div>
                </div>
                <div class="form-group">
                    <lable class="col-xs-3 span3 control-label">
                        项目名称:
                    </lable>
                    <div class="input-group col-xs-9 span9">
                        <input type="text" class="form-control" name="TXT50" value="" readonly>
                    </div>
                </div>
                <div class="form-group">
                    <lable class="col-xs-3 span3 control-label">
                        设备型号:
                    </lable>
                    <div class="input-group col-xs-9 span9">
                        <input type="text" class="form-control" name="TXA50" value="" readonly>
                    </div>
                </div>
                
                <div class="form-group" style="display:none">
                    <lable class="col-xs-3 span3 control-label">
                        资产分类描述:
                    </lable>
                    <div class="input-group col-xs-9 span9">
                        <input type="text" class="form-control" name="ANLKL" value="" readonly>
                    </div>
                </div>
                <div class="form-group">
                    <lable class="col-xs-3 span3 control-label">
                        资产分类:
                    </lable>
                    <div class="input-group col-xs-9 span9">
                        <input type="text" class="form-control" name="TXK20" value="" readonly>
                    </div>
                </div>
                
                <div class="form-group">
                    <lable class="col-xs-3 span3 control-label">
                        所属公司:
                    </lable>
                    <div class="input-group col-xs-9 span9">
                        <input type="text" class="form-control" name="BUKRS" value="" readonly>
                    </div>
                </div>
                <div class="form-group">
                    <lable class="col-xs-3 span3 control-label">
                        成本中心:
                    </lable>
                    <div class="input-group col-xs-9 span9">
                        <input type="text" class="form-control" name="KOSTL" value="" readonly>
                    </div>
                </div>
                
                <div class="form-group">
                    <lable class="col-xs-3 span3 control-label">
                        成本中心描述:
                    </lable>
                    <div class="input-group col-xs-9 span9">
                        <input type="text" class="form-control" name="KTEXT" value="" readonly>
                    </div>
                </div>
                <div class="form-group">
                    <lable class="col-xs-3 span3 control-label">
                        入账日期:
                    </lable>
                    <div class="input-group col-xs-9 span9">
                        <input type="text" class="form-control" name="ZUGDT" value="" readonly>
                    </div>
                </div>
                <!--
                <button id="submit" type="button" class="btn btn-primary btn-block btn-lg hidden">
                   确认
                </button>
                -->
            </div>
        <!--显示界面-->
        </div>
   </body>
</html>